/* 可公用部分 */
html {
	padding-bottom: 30px;
	background: #f2f3f8;
}
.boxed {
	position: relative;
	/*min-height: 100%;*/
	min-width: 1000px;
}
header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1000px;
	height: 75px;
	background-color: #313147;
}
.wel {
	float: right;
	padding: 36px 10px 0 0;
}
.wel span, .wel em, .wel a {
	line-height: 24px;
	font-size: 16px;
}
.wel span {
	margin-right: 5px;
}
.wel em {
	margin-right: 15px;
}
.wel a {
	color: #4584ff;
}
.header-con {
	width: 1000px;
	height: 75px;
	margin: 0 auto;
}
.ind-nav {
	background-color: transparent;
}
.navbar-header {
	float: left;
	width: 138px;
	height: 75px;
}
.navbar-header img {
	display: block;
	width: 138px;
	height: 75px;
}
.header-con ul {
	float: left;
	padding-left: 85px;
}
.header-con li {
	float: left;
	position: relative;
}
.header-con li a {
	display: block;
	padding: 0 17px;
	line-height: 75px;
	font-size: 16px;
	color: #85879e;
	font-weight: lighter;
}
.header-con li:hover {
	background-color: #28273c;
	color: #fff;
}
.catalog-menu {
	position: absolute;
	top: 75px;
	left: 0;
	width: 192.5px;
	z-index: 10;
}
.catalog-menu div {
/*	height: 47px;
	padding: 0 16.5px;
	color: #85879e;
	background-color: #28273c;
	line-height: 47px;
	cursor: pointer;*/
}
.header-con .catalog-menu a {
	height: 47px;
	padding: 0 16.5px;
	color: #85879e;
	background-color: #28273c;
	line-height: 47px;
	cursor: pointer;
	font-size: 14px;
}
.catalog-menu a:hover {
	background-color: #313147;
	color: #fff;
}
.catalog-menu {
	display: none;
}
.header-con li:hover .catalog-menu {
	display: block;
}
.catalog-menu .op-menu {
	background-color: #313147;
	color: #fff;
}
.header-con li a:hover {
	color: #fff;
}
.header-con .open-menu {
	color: #fff;
	background-color: #28273c;
}
.peo-message {
	position: absolute;
	top: 0;
	right: 0;
	width: 185px;
	height: 28px;
	padding: 23.5px 20px 23.5px 50px;
}
.peo-cir {
	float: left;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #cbcbcb;
}
.peo-message em {
	float: left;
	line-height: 28px;
	font-size: 16px;
	margin: 0 4px 0 8px;
	color: #fff;
}
.down-list {
	float: left;
	width: 28px;
	height: 28px;
	background: url("../images/down-list.png") no-repeat center center;
	background-size: 50%;
}
.peo-message ul {
	display: none;
	position: absolute;
	top: 75px;
	left: 52px;
	width: 164px;
	z-index: 10;
}
.op-peomessage ul {
	display: block;
}
.peo-message li {
	height: 36px;
	background-color: #313147;
	color: #85879e;
	text-align: center;
	line-height: 36px;
	cursor: pointer;
}
.peo-message li:hover {
	background-color: #28273c;
	color: #fff;
}
.peo-message li a {
	color: #fff;
}
.boxed {
	width: 1000px;
	margin: 0 auto;
	padding-top: 9px;
}
.common-tit {
	position: relative;
	padding: 11px 0 7px;
	margin-bottom: 12px;
}
.common-tit h2 {
	line-height: 41px;
	font-size: 26px;
	text-indent: 1px;
}
.common-tit span {
	font-size: 12px;
	line-height: 30px;
	margin-left: 4px;
}
.add-staff {
	position: absolute;
	right: 0;
	bottom: 8px;
	width: 200px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	background-color: #474564;
	cursor: pointer;
}
.cmlist-tit, .market, .chief {
	padding: 20px 30px 0;
	background-color: #fff;
}
/* 下拉列表 */
.list-box, .single-box {
	float: left;
	position: relative;
	width: 130px;
	height: 26px;
}
.downbtn, .single-downbtn {
	position: relative;
	width: 100%;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	border: 1px solid #d5d7db;
	cursor: pointer;
}
.single-downbtn input {
	display: none;
}
.downbtn span, .single-downbtn span {
	float: left;
	overflow: hidden;
	white-space: nowrap;  
	text-overflow: ellipsis;
	max-width: 100px;
	text-indent: 8px;
	font-size: 12px;
	color: #333;
}
.single-dropdown em {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 17px;
	height: 17px;
	background: url("../images/magnifier.png") no-repeat;
	background-size: 100% 100%;
}
.single-box .single-dropdown input {
	outline: none;
	border: none;
	padding-left: 22px;
	width: 100%;
	box-sizing:border-box;
	background-color: #fafafc;
}
.pos-info .downbtn span {
	max-width: 180px;
}
.downbtn em, .single-downbtn em {
	float: right;
	width: 24px;
	height: 24px;
	border-left: 1px solid #abadc1;
	background: url("../images/lid-down.png") no-repeat;
	background-size: 100% 100%;
}
.list-box .dropdown-menu, .single-dropdown {
	overflow-y: auto;
	display: none;
	position: absolute;
	top: 27px;
	left: 0px;
	border: 1px solid #efefef;
	background-color: #fff;
	z-index: 100;
	max-height: 118px; 
	-webkit-box-shadow:0 0 10px rgba(49, 48, 72, .14);  
	-moz-box-shadow:0 0 10px rgba(49, 48, 72, .14);  
	box-shadow:0 0 10px rgba(49, 48, 72, .14);
}
.dropdown-menu li, .single-dropdown li {
	min-width: 118px;
	padding: 0 6px;
	height: 23px;
	line-height: 23px;
	font-size: 12px;
	cursor: pointer;
	white-space:nowrap; 
	margin: 0;
}
.single-box .single-dropdown li {
	margin: 0;
}
.dropdown-menu li:hover, .single-dropdown li:hover {
	background-color: #f2f3f8;
}
.list-box .menuopen, .single-box .menuopen {
	display: block;
}
.cho-tit {
	display: none;
}
.single-dropdown {
	min-height: 22px;
	min-width: 197px;
}
.m-marc .single-dropdown {
	top: 22px;
	min-height: 22px;
	min-width: 131px;
}
.pos-dwrite {
	position: relative;
	float: left;
	width: 682.5px;
	margin-bottom: 20px;
}
.pos-dbox {
	float: left;
	width: 478px;
	border-right: 1px solid #c8c7d4;
}
.pos-dcon {
	float: left;
	width: 100%;
	margin-bottom: 8px;
}
.pos-dcon div, .pos-dconf div {
	float: left;
}
.pos-dconf {
	float: left;
	width: 100%;
}
.pos-b {
	padding-left: 83px;
}
.pos-p {
	display: none;
	padding-left: 83px;
}
.pos-show {
	display: block;
}
.rad-box .comm-con {
	display: none;
}
.rad-box .common-show {
	display: block;
}
.comm-show {
	display: block;
}
.rad-f {
	position: absolute;
	top: 5px;
	left: 0;
	font-size: 14px;
	line-height: 22px;
}
.pos-dwrite span, .pos-dwrite em, .pos-dwrite strong {
	font-size: 12px;
	line-height: 22px;
	color: #a9a9ad;
}
.pos-dwrite strong {
	margin-right: 4px;
}
.dep {
	width: 267.5px;
}
.pos-dwrite .comm-del {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -11px;
}
.pos-dwrite li {
	float: left;
	width: 50%;
	height: 22px;
	margin-bottom: 10px;
	line-height: 22px;
	font-size: 12px;
}

.pos-info .comm-add {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -11px;
}
.pos-info .p-und {
	margin-bottom: 0;
}
.pos-branch {
	float: left;
	height: 22px;
	line-height: 22px;
	margin-right: 30px;
}
.pos-branch span {
	line-height: 22px;
	font-size: 12px;
}
.b-ls {
	margin-right: 10px;
}
.pos-info .sub-con {
	float: left;
}
/* 下拉列表 */
.cmlist-tit .l-last, .market .l-last {
	margin-right: 0;
}
.stlist-con, .indi-con, .tut-record {
	width: 100%;
	padding: 25px 0 80px;
	background-color: #fff; 
}
.stlist-con {
	padding-top: 7px;
}
.n-assig {
	width: 100%;
	min-height: 400px;
	padding-top: 7px;
	background-color: #fff; 
}
.tut-record {
	margin-top: 40px;
}
.stlist-con table, .indi-con table, .tut-record table, .n-assig table {
	margin: 0 auto;
}
.stlist-con thead, .n-assig thead, .indi-con thead, .tut-record thead, .n-assig thead {
	border-bottom: 4px solid #f7f8fc;
}
.stlist-con td, .stlist-con th, .n-assig th, .n-assig td, .indi-con th, .indi-con td, .tut-record td, .tut-record th, .n-assig th, .n-assig td {
	text-align: center;
	white-space: nowrap;  
	text-overflow: ellipsis;
}
.stlist-con th, .indi-con th, .tut-record th{
	height: 48px;
	line-height: 48px;
	font-size: 16px;
}
.n-assig th {
	line-height: 42px;
	font-size: 16px;
}
/*.stlist-con tr, .indi-con tr {
	height: 47px;
}*/
.stlist-con tr td, .n-assig tr td, .indi-con tr td, .tut-record tr td {
	line-height: 40px;
	font-size: 14px;
}
/*.sta-id {
	width: 95px;
}*/
.sta-name {
	position: relative;
	width: 155px;
	padding-right: 20px;
}
.sta-name div, .team-name div {
	position: absolute;
	right: 22px;
	top: 50%;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background-color: #ffacaf;
}
.sta-name div {
	background: url("../images/reminder-Icon.png") no-repeat 0 0px;
	background-size: 100% auto;
}
.team-name div {
	right: 34px;
	background: url("../images/reminder-Icon.png") no-repeat 0 -27px;
	background-size: 100% auto;
}
.sta-name em, .team-name em {
	display: none;
	position: absolute;
	top: -31px;
	left: 50%;
	width: 80px;
	height: 27.5px;
	padding-bottom: 3.5px;
	margin-left: -40px;
	line-height: 27.5px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	background: url("../images/hint.png") no-repeat;
	background-size: 100% 100%;
}
.sta-name div:hover em, .team-name div:hover em {
	display: block;
}
.sta-sex {
	width: 58px;
}
.sta-dep {
	width: 160.5px;
}
.sta-pos {
	width: 113.5px;
}
.sta-branch {
	width: 134px;
}
.sta-state {
	width: 109px;
}
/*.sta-operation {
	width: 157px;
}*/
.sta-operation em {
	/*color: #4584ff;	*/
	cursor: pointer;
}
.remarks-de {
	position: relative;
	display: inline;
}
.remarks-de:hover div {
	display: block;
}
.remarks-de div {
	display: none;
	position: absolute;
	bottom: 30px;
	right: -23px;
	width: 139px;
	padding: 16px 16px 16px 52px;
	background-color: #fff;
	box-shadow: 0 4px 20px rgba(67, 65, 103, 0.16);
}
.remarks-de b {
	position: absolute;
	top: 16px;
	left: 20px;
	line-height: 16px;
	font-size: 12px;
}
.remarks-de p {
	font-size: 12px;
	line-height: 16px;
	white-space: normal;
	opacity: 0.8;
	text-align: left;
}
.remarks-de i {
	position: absolute;
	bottom: -9px;
	right: 30px;
	width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 11px solid #fff;
}
.team-name {
	position: relative;
	width: 180px;
}
.team-sex {
	width: 160.5px;
}
.team-pos {
	width: 161px;
}
.team-state {
	width: 258px;
}
/* add-staff */
.ad-box, .emp-d, .mar-ind {
	float: left;
	width: 860px;
	padding: 40px 70px 150px;
	background-color: #fff;
}
.mar-ind {
	padding: 20px 35px 70px;
}
.mar-ind tbody tr:nth-child(2n), .n-assig tbody tr:nth-child(2n), .indi-con tbody tr:nth-child(2n), .stlist-con tbody tr:nth-child(2n), .tut-record tbody tr:nth-child(2n) {
	background-color: #f7f8fc;
}
.mar-ind tbody tr:nth-child(2n+1), .n-assig tbody tr:nth-child(2n+1), .indi-con tbody tr:nth-child(2n+1), .stlist-con tbody tr:nth-child(2n+1), .tut-record tbody tr:nth-child(2n+1)   {
	background-color: #fff;
}
.basic, .st-pos, .pay-info, .emp-infor, .emp-other, .emp-pos, .emp-salary {
	float: left;
	width: 100%;
}
.pay-info h4 {
	padding-top: 8px;
	line-height: 54px;
	font-size: 16px;
	font-weight: 500;
}
/*.p-rad .comm-con, .pex .comm-con {
	width: 484px;
}
.p-rad .comm-box, .p-rad  .comm-write, .pex .comm-box, .pex .comm-write {
	width: 484px;
}*/
.ad-box h3, .emp-d h3 {
	position: relative;
	width: 100%;
	height: 36px;
	margin-bottom: 30px;
	border-bottom: 1px solid #545883;
}
.ad-box h3 span {
	float: left;
	text-indent: 20px;
	line-height: 36px;
	font-size: 16px;
}
.requir {
	height: 16px;
	padding-right: 14px;
}
.requir span {
	float: right;
	color: #ff5a60;
	font-size: 12px;

}
.ad-box h3 em {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 36px;
	line-height: 46px;
	font-size: 24px;
	text-align: center;
	color: #ff5a60;
}
.staff-info {
	float: left;
}
.camera, .de-camera {
	float: left;
	width: 150px;
	height: 240px;
	margin: 0 28px 0 83px;
}
.de-camera {
	height: auto;
}
.de-other {
	padding-bottom: 20px;
}
.de-other li {
	float: left;
	width: 28%;
	padding-right: 5%;
}
.stp-b {
	overflow: hidden;
}
.pexh-box {
	margin-bottom: -29px;
}
.pos-exh {
	padding-bottom: 9px;
	margin-bottom: 27px;
	border-bottom: 1px solid #c8c7d4;
}
.pos-exh span, .pos-exh em {
	line-height: 20px;
}
.pos-exh li {
	float: left;
	width: 28%;
	padding-right: 5%;
	margin-bottom: 17px;
}
.pos-exh span {
	color: #808080;
}
.ca {
	height: 166px;
	margin-bottom: 20px;
	background-color: #eee;
}
.upl {
	width: 130px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	background-color: #4a4769;
	color: #fff;
	cursor: pointer;
}
.bs-box, .de-box {
	float: left;
	width: 505px;
}
.de-box {
	padding-left: 72px;
}
.de-box li {
	float: left;
	width: 48%;
	padding-right: 2%;
	margin-bottom: 8px;
}
.de-box span, .de-box em {
	line-height: 22px;
	font-size: 12px;
}
.de-box em {
	margin-left: 5px;
}
.de-box .de-a {
	width: 100%;
}
.bs-box li {
	height: 22px;
	line-height: 22px;
	margin-bottom: 16px;
	font-size: 12px;
}
.in-l {
	float: left;
	width: 195px;
	padding-left: 5px;
}
.in-r, .reg-ac em {
	float: right;
	width: 195px;
	padding-left: 5px;
}
/* 下拉列表 特殊情况2 */
.basic .list-box, .pos-info .list-box {
	position: relative;
	float: left;
	width: 200px;
	height: 22px;
}
.basic .downbtn, .pos-info .downbtn {
	border: 1px solid #a4a6bc;
	height: 20px;
	line-height: 20px;
}
.basic .downbtn em, .pos-info .downbtn em, .m-marc .downbtn em  {
	width: 20px;
	height: 20px;
}
.basic .downbtn em  {
	background: url("../images/lid-down.png") no-repeat;
	background-size: 100% 100%;
}
.basic .list-box .dropdown-menu {
	top: 23px;
}
.basic .downbtn {
	border-radius: 0;
}
.basic .downbtn span, .pos-info .downbtn span {
	text-indent: 5px;
}
.bs-box .dropdown-menu li {
	margin: 0;
	min-width: 188px;
}
.pos-info .list-box li {
	margin: 0;
	width: auto;
	min-width: 190px;
}
.ad-box .pos-branch .test-check {
	margin: 0 10px 0 0;
}
.pos-info li b, .bs-box b {
	display: none;
	font-size: 12px;
	line-height: 22px;
	color: #ff5a60;
	margin-left: 11px;
}
.base-pay {
	padding-bottom: 30px;
	margin-bottom: 5px;
	border-bottom: 1px solid #c8c7d4;
}
.welfare {
	display: none;
	padding-top: 30px;
}
.we-show {
	display: block;
}
/* 下拉列表 */
.pos-info {
	position: relative;
	float: left;
	width: 682.5px;
	padding-bottom: 15px;
}
.poi-box {
	width: 478px;
	float: left;
	border-right: 1px solid #c8c7d4;
}
.p-t {
	display: none;
}
.poi-bo {
	float: left;
	width: 100%;
	height: 20px;
}
.pos-info li {
	float: left;
	width: 100%;
	margin-bottom: 16px;
}
.pos-info .list-box ul {
	top: 22px;
	padding: 0;
	min-width: 200px;
}
/*.pos-info .list-box li {
	float: none;
	margin: 0;
	width: auto;
	min-width: 190px;
}*/

.reg-ac {
	padding: 0 207px 20px 83px;
}
.ad-box input {
	outline: none;
	border: 1px solid #abadc1;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}
.reg-ac span {
	float: left;
	width: 100px;
	margin-left: 12px;
	line-height: 22px;
	font-size: 12px;
	color: #abadc1;
}
.bs-box strong {
	float: right;
	color: #ff5a60;
	line-height: 32px;
	width: 25px;
	font-size: 22px;
	text-align: center;
}
.bs-box i {
	float: left;
	color: #ff5a60;
	height: 22px;
	line-height: 32px;
	width: 25px;
	font-size: 22px;
	text-align: center;
}
.in-a {
	float: left;
	width: 473px;
	padding-left: 5px;
}
.reg-ac .in-r {
	display: none;
}
.reg-ac .new-pwd {
	display: block;
}
.reg-ac em {
	display: none;
	line-height: 22px;
	font-size: 12px;
	color: #ff5a60;
}
/*.bs-box .list-box {
	margin-left: 25px;
}*/
.p-box {
	float: left;
	padding-bottom: 14px;
	border-bottom: 1px solid #c8c7d4;
}
.p-sl, .m-sl, .p-sy {
	height: 22px;
	line-height: 22px;
	margin-bottom: 14px;
}
.p-slj {
	height: 22px;
	line-height: 22px;
}
.p-sy {
	height: auto;
}
/*.p-sy span,*/
.p-sl span, .m-sl span, .p-sl em, .m-sl em, .p-slj span {
	float: left;
	font-size: 14px;
}
.stage-box {
	position: relative;
	float: left;
	width: 10px;
	height: 22px;
}
.stage-box span {
	position: absolute;
	right: 0;
	line-height: 22px;
	font-size: 14px;
}
.p-sl span, .m-sl span {
	width: 60px;
}
.p-sl input, .m-sl input, .p-slj input {
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	width: 99px;
	margin: 0 8px 0 17px;
	border: 1px solid #9ea0b7;
}
.rad-sl input {
	margin: 0 8px 0 0px;
}
.m-sl input {
	margin: 0 8px 0 17px;
}
.rad-sl {
	position: relative;
	width: 605px;
	padding: 5px 0 0 77.5px;
}
.p-rad {
	width: 581px;
	padding: 5px 0 0 101.5px;
}
.rad-sl .p-radio {
	float: left;
	width: 14px;
	height: 14px;
	margin: 4px 4px 0 0;
}
.comm-box, .comm-write {
	float: right;
	width: 508px;
	margin-bottom: 16px;
}
.comm-box span, .comm-box em, .comm-box strong {
	float: left;
	line-height: 22px;
	font-size: 14px;
}
.comm-write span, .comm-write em, .comm-write b {
	line-height: 22px;
	font-size: 14px;
	color: #cbcbcf;
}
.comm-box input {
	float: left;
	line-height: 20px;
	width: 50px;
	height: 20px;
	border: 1px solid #9ea0b7;
	margin-right: 4px;
	padding: 0 5px;
}
.comm-box strong {
	margin-left: 1px;
}
.cx strong {
	margin-right: 22px;
}
.comm-box em, .comm-write em {
	margin: 0 6px;
}
.cx {
	float: right;
	width: 300px;
}
.comm-del, .comm-add {
	float: right;
	width: 70px;
	height: 22px;
	border-radius: 4px;
	line-height: 22px;
	text-align: center;
	background-color: #4a4769;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}
.ad-box .set-combtn {
	width: 70px;
	height: 22px;
	border-radius: 4px;
	line-height: 22px;
	text-align: center;
	background-color: #4a4769;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	border: none;
	margin-left: 40px;
}
.ad-box .bonus-sbtn {
	width: 70px;
	height: 22px;
	border-radius: 4px;
	line-height: 22px;
	text-align: center;
	background-color: #4a4769;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	border: none;
	margin: 0 0 0 140px;
}
.comm-add span {
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	color: #fff;
}
.comm-add .not-addpos {
	display: none;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -60px;
	width: 120px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	color: #ff5a60;
}
.p-exc {
	padding-top: 10px;
	width: 682.5px;
}
.p-exbox i {
	float: left;
}
.comm-con {
	width: 508px;
	float: right;
}
.p-sy .comm-box {
	margin-bottom:0; 
}
/* 复选框 */
.p-sub span {
	float: left;
}
.ad-box .check {
	position: relative;
	width: 13px;
	height: 13px;
	border: 1px solid #a4a6bb;
	border-radius: 4px;
	background: #f5f6fa;
}
.ad-box .ad-checked {
	border: 1px solid #4584ff;
	background-color: #4584ff;
}
.ad-box .test-check {
	float: left;
	cursor: pointer;
	padding-top: 2.5px;
	margin: 0 10px 0 12px;
}
.ad-box .check span {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 13px;
	height: 13px;
	margin-top: -6.5px;
	margin-left: -6.5px;
	background: url("../images/check.png") no-repeat;
	background-size: 100% 100%;
}
.sub-con .ck {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.p-sub {
	float: left;
	width: 300px;
}
.p-sub .sub-con {
	float: left;
	
}
.sub-n, .sub-t {
	float: left;
	width: 160px;
}
.welfare .test-check {
	padding-top: 0;
}
.sub-n {
	margin-bottom: 12px;
}
.sub-t {
	padding-left: 60px;
}
/* 复选框 */
.pay-btn {
	width: 200px;
	height: 50px;
	margin: 58px auto 0;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	background-color: #4a4868;
	cursor: pointer; 
}
.ad-box .pay-btn {
	width: 120px;
	height: 30px;
	margin: 35px 0 0 120px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	background-color: #4a4868;
	cursor: pointer; 
	border: none;
}
/* 员工详情 */
.emp-bs {
	float: left;
	padding: 0px 102px 38px 88px;
}
.bs-head {
	width: 150px;
	height: 150px;
	background-color: #f2f3f8;
	/*  颜色后面删除 */
}
.ep-list {
	float: left;
	width: 520px;
	margin-top: -10px;
}
.emp-infor li {
	float: left;
	width: 220px;
	margin-right: 36px;
	line-height: 33px;
}
.ep-list span {
	color: #808080;
}
.emp-infor .emp-al {
	width: 100%;
}
.emp-infor span {
	margin-right: 5px;
}
.emp-other li {
	float: left;
	width: 224px;
	margin-right: 28px;
	line-height: 30px;
}
.emp-other ul, .emp-pos ul {
	padding: 0 0 12px 88px;
}
.emp-pos ul {
	width: 772px;
}
.emp-pos li {
	float: left;
	width: 224px;
	margin-right: 28px;
	line-height: 30px;
}
.emp-salary ul {
	padding: 0 0 11px 88px;
}
.emp-salary li {
	line-height: 30px;
}
.emp-welfare span {
	float: left;
	margin-right: 7px;
}
.emp-welfare {
	padding-top: 3px;
}
.emp-welfare div {
	float: left;
	line-height: 24px;
}
.emp-gbtn {
	float: right;
}
.emp-gbtn a {
	float: left;
	width: 96px;
	height: 28px;
	border-radius: 4px;
	background-color: #4a4769;
	color: #fff;
	text-align: center;
	line-height: 28px;
	margin-left: 30px;
	font-size: 12px;
}
/* radio按钮 */
.ra-btn {
	float: left;
	position: relative;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: 1px solid #a6a8bc;
	background-color: #fff;
	cursor: pointer;
}
.ra-btn span {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 7px;
	margin-top: -3.5px;
	margin-left: -3.5px;
	border-radius: 50%;
	background-color: #4987fb;
}
.p-radio {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.rad-sl .ra-btn {
	margin-top: 3px;
	margin-right: 4px;
}
/* 市场月指标列表 */
.mar-ind {
	width: 930px;
}
.branch {
	margin-top: 53px;
}
.mar-ind h3 {
	padding: 10px 20px 23px 0;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
}
.mar-ind h3 span, .mar-ind h3 strong, .mar-ind h3 em {
	float: left;
}
.mar-ind h3 strong, .mar-ind h3 em {
	font-size: 14px;
}
.mar-ind h3 span {
	margin-right: 49px;
}
.mar-bar {
	float: left;
	width: 400px;
	height: 20px;
	background-color: #edeef2;
	border-radius: 20px 20px 20px 20px;
	overflow: hidden;
}
.mar-bar div {
	position: relative;
	width: 65%;
	height: 100%;
	background-color: #ff5a60;
}
.n-assig {
	min-height: 400px;
}
.mar-con table, .n-assig table, .indi-con table, .tut-record table,.stlist-con table, .tut-record table {
	width: 100%;
	font-size: 14px;
}
.mar-bar div b {
	position: absolute;
	top: 0;
	right: -30px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}
.mar-data {
	float: right;
}
.mar-data em {
	margin: 0 2px;
}
.mar-con thead {
	border-bottom: 4px solid #e9ebf0;
	line-height: 50px;
	text-align: center;
}
.mar-con th {
	line-height: 50px;
	text-align: center;
	font-size: 16px;
}
.mar-con td {
	line-height: 40px;
	text-align: center;
}
.mar-con tr {
	width: 100%;
}
.mar-name {
	width: 165px;
}
.mar-p {
	width: 270px;
}
.mar-schedule {
	width: 240px;
}
.mar-operation span, .mar-operation a, .as-operation a, .as-operation span {
	color: #4584ff;
	cursor: pointer;
}
.mar-cn {
	width: 165px;
}
.mar-cp {
	width: 270px;
}
.mar-cd {
	width: 240.5px;
}
/* 日历 */
.mar-date {
	position: absolute;
	padding-bottom: 20px;
	right: 0px;
	bottom: -16px;
}
.mdate-btn {
	position: relative;
	width: 200px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #fff;
	cursor: pointer;
}
.bchose {
	width: 198px;
	height: 28px;
	border: 1px solid #ebecf0;
	-webkit-box-shadow:inset 0px 3px 3px 0px rgba(225, 226, 229, .66);  
  	-moz-box-shadow:inset 0px 3px 3px 0px rgba(225, 226, 229, .66);  
  	box-shadow:inset 0px 3px 3px 0px rgba(225, 226, 229, .66);
}
.mdate-btn i {
	position: absolute;
	top: 0;
	right: 43px;
	width: 14px;
	height: 30px;
	background: url("../images/calendar-icon.png") no-repeat;
	background-size: 100% 100%;
}
.t-year {
	float: left;
	padding: 3px 19px 0px;
	border-bottom: 1px solid #e6e6e6;
}
.t-month {
	float: left;
	padding: 5px 19px 13px;
}
.time-date .year-l, .time-date .year-r, .t-year strong {
	float: left;
	height: 34px;
	line-height: 34px;
	text-align: center;
	cursor: pointer;
	margin: 0;
}
.t-year strong {
	width: 81px;
}
.year-l {
	width: 40.5px; 
	background: url("../images/mar-datel.png") no-repeat;
	background-size: 100% 100%;
}
.year-r {
	width: 40.5px; 
	background: url("../images/mar-dater.png") no-repeat;
	background-size: 100% 100%;
}
.time-date strong {
	/*width: 200px;*/
}
.t-month span {
	float: left;
	width: 40.5px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	cursor: pointer;
	margin: 0;
	color: #a8a8a8;
}
.time-date {
	position: absolute;
	top: 38px;
	left: 0;
	display: none;
	width: 202px;
	height: 165px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(49, 48, 72, .14);
}
.t-tra {
	position: absolute;
	top: -6px;
	left: 50%;
	width:0;
    height:0;
    margin-left: -12px;
   	border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #fff;
}
.mar-bn {
	width: 166px;
}
.mar-bp {
	width: 570px;
}
/* 弹窗 */
.mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(35, 34, 51, .45);
	z-index: 100;
	display: none;
}
.mask-box {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 490px;
	padding-bottom: 120px;
	border-radius: 20px;
	background-color: #fff;
	margin-top: -196.75px;
	margin-left: -245px;
	overflow: hidden;
}
.mask-head {
	position: relative;
	height: 60px;
}
.mask-head h4 {
	line-height: 60px;
	font-size: 16px;
	text-align: center;
}
.mask-head span {
	position: absolute;
	top: 50%;
	right: 30px;
	width: 15px;
	height: 15px;
	margin-top: -7.5px;
	background: url("../images/mask-close.png") no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}
.mask-confirm {
	position: absolute;
	left: 50%;
	bottom: 55px;
	margin-left: -159.75px;
	width: 319.5px;
	height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	background-color: #ff5a60;
	-webkit-box-shadow: 3px 3px 10px rgba(255, 90, 96, .3);  
  	-moz-box-shadow: 3px 3px 10px rgba(255, 90, 96, .3);  
    box-shadow: 3px 3px 10px rgba(255, 90, 96, .3);
    border: none;
}
.mask-marc {
	padding: 33px 0 0 85px;
}
.mask-marc span {
	margin-right: 7px;
}
.mask-marc ul {
	position: relative;
}
.m-marc .single-dropdown input {
	min-width: 195px;
}
.m-marc .single-dropdown li {
	min-width: 183px;
}
.mask-marc li {
	height: 22px;
	line-height: 22px;
	margin-bottom: 20px;
}
.fina-message {
	position: absolute;
	bottom: -5·0px;
	left: 0;
}
.mask-marc #message {
	color: #ff5a60;
	margin-bottom: 0px;
}
.mask-marc input {
	width: 190px;
	height: 20px;
	padding-left: 5px;
	outline: none;
	border: 1px solid #cccdd9;
	font-size: 12px;
	line-height: 20px;
}
.as-img {
	width: 110.5px;
	padding: 4.5px 0;
}
.as-name {
	width: 97.5px;
}
.as-sex {
	width: 70.5px;
}
.as-age {
	width: 112px;
}
.as-gro {
	width: 160.5px;
}
.as-fd {
	width: 150px;
}
.as-imgbox {
	overflow: hidden;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin: 0 auto;
}
.as-imgbox img {
	width: 30px;
	height: 30px;
}
.nas-img {
	width: 111px;
}
.nas-name {
	width: 98px;
}
.nas-age {
	width: 101px;
}
.nas-gro {
	width: 153px;
}
.nas-fd {
	width: 162px;
}
.nas-consu {
	width: 80px;
}
.m-marc strong {
	float: left;
	margin-right: 8px;
	line-height: 22px;
}
.m-marc .single-box {
	height: 22px;
}
.m-marc .single-downbtn {
	height: 20px;
	line-height: 20px;
}
.m-marc .single-downbtn em {
	height: 20px;
	width: 20px;
}
.m-marc .list-box {
	height: 22px;
}
.m-marc .downbtn {
	height: 20px;
	line-height: 20px;
}
/*.m-marc .downbtn span {
	text-indent: 3px;	
}*/

.m-marc li {
	margin: 0;
	min-width: 113px;
}
.mask-head h4 {
	background-color: #4a4769;
	color: #fff;
}
/* 市场专员详情 */
.market h3 {
	line-height: 20px;
	padding-top: 10px;
	font-size: 16px;
}
.chief h3 {
	line-height: 20px;
	padding-top: 10px;
	font-size: 16px;
}
.mar-listbox {
	padding: 30px 0 0 37px;
}
.market .list-box {
	margin-right: 48px;
}
.cmlist-tit .list-box {
	margin: 0 48px 18px 0;
}
.indi-name {
	width: 140.5px;
}
.indi-sex {
	width: 89.5px;
}
.indi-age {
	width: 143px;
}
.indi-group {
	width: 244px;
}
.indi-int {
	width: 112px;
}
/* 导师详情 */
.tut-stu {
	width: 166px;
}
.tut-class {
	width: 164.5px;
}
.tut-sale {
	width: 182.5px;
}
.tut-classt {
	width: 136px;
}
.tut-const {
	width: 94px;
}
.tut-name {
	width: 157px;
	padding-right: 73px;
}
.tut-clnum {
	width: 138.5px;
}
.tut-money {
	width: 349px;
}
.tut-last {
	width: 212.5px;
}
.tut {
	min-height: 0;
	padding-bottom: 74px;
}
.tut-record h3 {
	width: 889px;
	height: 26px;
	padding: 5px 41px 19px 0;
	line-height: 26px;
	margin: 0 auto;
}
.tut-record h3 span {
	line-height: 26px;
	font-size: 16px;
	margin: 0 auto;
}
.tut-record .list-box {
	float: right;
}
.tutr-time {
	min-width: 123px;
	padding-left: 9px;
}
.tutr-basep {
	min-width: 117px;
}
.tutr-comm {
	min-width: 115px;
}
.tutr-achi {
	min-width: 115px;
}
.tutr-per {
	min-width: 114px;
}
.tutr-bonus {
	min-width: 97.5px;
}
.tutr-adj {
	min-width: 105px;
}
.tutr-total {
	min-width: 105px;
	padding-right: 25px;
}
.scrollbox {
	width: 930px;
	margin: auto;
	overflow: auto;
	border-top: 1px solid #f0f0f0;
	padding-top: 9px;
}
.n-assig .scrollbox {
	border-top: none;
}
/* 服务顾问详情 */
.ser-name {
	width: 141.5px;
}
.ser-sex {
	width: 111px;
}
.ser-cons {
	width: 202.5px;
}
.ser-group {
	width: 265px;
}
/* 指标设置 */
.chi-name {
	width: 161px;
}
.chi-clnum {
	width: 292px;
}
.chi-money {
	width: 250px;
}
.chie-name {
	width: 161px;
}
.chie-tur {
	width: 292px;
}
.chie-conv {
	width: 250px;
}
.chi-box span, .chi-box em {
	float: left;
}
.chi-box ul {
	float: left;
}
.chi-box li {
	margin-bottom: 7px;
}
/* 员工详情 */
.pos-salary {
	padding-left: 83px;
}
.pos-salary strong {
	float: left;
	color: #808080;
	margin-right: 8px;
}
.pos-salary span, .pos-salary em {
	float: left;
}
.sel-t {
	float: left;
	width: 100%;
	margin-bottom: 18px;
}
.sel-c {
	float: left;
	width: 100%;
}
.commission-box {
	float: left;
	padding-bottom: 10px;
}
.sel-b h5 {
	float: left;
	width: 112px;
	margin-bottom: 20px;
}
.sel-b {
	float: left;
	width: 100%;
	margin-bottom: 26px;
	border-bottom: 1px solid #c8c7d4;
}
.sel-con {
	float: left;
	overflow: hidden;
	margin-bottom: 5px;
}
.sel-d {
	float: right;
	width: 615px;
	margin-bottom: -1px;
}
.sel-b ul {
	float: left;
	width: 500px;
}
.sel-tc {
	float: left;
	margin-bottom: -15px;
}
.sel-tc div {
	margin-bottom: 15px;
}
.sel-b li {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.sel-b span {
	margin-right: 5px;
}
.sel-c div {
	float: left;
	width: 100%;
	margin-bottom: 14px;
}
.sel-c ul {
	float: left;
	width: 500px;
}
.sel-c li {
	float: left;
	width: 100%;
	margin-bottom: 14px;
}
/* 多选 */
.mar-listbox .multiselect-box {
	margin: 0 48px 18px 0;
}
.multiselect-box {
	float: left;
	position: relative;
	width: 132px;
	height: 26px;
}
.mul-downbtn {
	position: relative;
	width: 100%;
	display: inline-block;
	height: 26px;
	line-height: 20px;
	border: 1px solid #d5d7db;
	box-sizing:border-box;
	cursor: pointer;
}
.mul-downbtn em {
	float: right;
	width: 24px;
	height: 24px;
	border-left: 1px solid #d5d7db;
	background: url("../images/lid-down.png") no-repeat;
	background-size: 100% 100%;
}
.multiselect-down {
	display: none;
	position: absolute;
	top: 25px;
	left: 0px;
	border: 1px solid #d5d7db;
	background-color: #fff;
	z-index: 100;
}
.multiselect-down ul {
	overflow-y: auto;
	max-height: 184px;
}
.mask .multiselect-down ul {
	overflow-y: auto;
	max-height: 118px;
}
.multiselect-down li {
	/*text-align: center;*/
}
.multiselect-down li {
	position: relative;
	min-width: 30px;
	padding: 0 10px 0 30px;
	height: 23px;
	line-height: 23px;
	font-size: 12px;
	cursor: pointer;
	white-space:nowrap; 
	margin: 0;
}
.multiselect-down span {
	position: absolute;
	display: none;
	top: 0; 
	left: 6px;
}
.mul-select span {
	display: block;
	width: 23px;
	height: 23px;
	background: url("../images/mu-sel.png") no-repeat;
	background-size: 100% 100%;
}
.multiselect-down  li:hover {
	background-color: #f2f3f8;
}
.multiselect-box .menuopen {
	display: block;
}
.mul-btn {
	border-top: 1px solid #a4a6bc;
	padding: 10px 10px 10px 0;
	margin: 0 auto;
	min-width: 120px;
}
.mul-downbtn input {
	outline: none;
	border: none;
	height: 24px;
	line-height: 24px;
	padding-left: 5px;
	width: 94px;
	background-color: transparent;
}
.mul-confirm, .mul-cancel {
	width: 40px;
	height: 18px;
	line-height:18px;
	color: #fff;
	background-color: #4a4769;
	border-radius: 4px;
	text-align: center;
	margin-left: 10px;
	font-size: 12px;
	cursor: pointer;
}
.mul-confirm {
	float: right;
}
.mul-cancel {
	float: right;
}
.mul-hide {
	display: none;
}
/* 公司设置 */
.comp-set {
	padding-left: 90px;
}
.comp-dset {
	padding-left: 90px;
}
.com-stuw, .com-stua, .hrw-welfare, .hra-welfare {
	width: 415px;
	margin-bottom: 12px;
}
.com-stuw span, .com-stua span, .commod span, .hrw-welfare span, .hra-welfare span {
	margin-right: 15px;
	line-height: 22px;
}
.commod li, .hrw-welfare li, .hra-welfare li {
	margin-bottom: 12px;
}
.com-stua input, .hrw-welfare input {
	width: 197px;
	padding-left: 3px;
}
.com-stua .comm-add {
	width: 70px;
	border: none;
}
.hra-welfare input {
	/*width: 97px;*/
	padding-left: 3px;
}
.com-stwcon, .com-stcon {
	float: left;
	width: 300px;
}
.sta-operation a {
	color: #4584ff
}
.hrw-welfare, .hra-welfare {
	overflow: hidden;
	position: relative;
}
.hrw-welfare {
	margin-bottom: 20px;
}
.hra-welfare {
	padding-top: 10px;
}
.hra-welfare {
	overflow: hidden;
}
.hrw-con, .hra-stcon {
	float: left;
	width: 280px;
	border-right: 1px solid #c8c7d4;
	margin-bottom: -7px;
}
.com-stcon li, .com-stwcon li {
	float: left;
	width: 100%;
}
.com-stcon li span, .com-stcon li em, .com-stwcon li span, .com-stwcon li em {
	line-height: 22px;
}
.com-stua, .com-adr {
	padding: 20px 0 14px;
}
.com-adr, .com-wdr {
	position: relative;
	width: 660px;
}
.com-wdr .comm-del, .com-adr .comm-add, .hrw-welfare .comm-del, .hra-welfare .comm-add {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -11px;
}
.hrw-welfare .comm-del {
	margin-top: -19px;
}
.hra-welfare .comm-add, .ad-box .bonus-sbtn {
	border: none;
}
.com-adcon {
	float: left;
	width: 500px;
}
.com-adcon li {
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
.atten-box {
	width: 670px;
	margin: 0 auto 20px;
	padding-left: 60px;
	border-bottom: 1px solid #f2f3f8;
	background-color: #fff;
}
.atten-box div {
	position: relative;
	float: left;
	width: 120px;
	height: 38px;
	margin-left: 0px;
	border-left: 1px solid #fff;
	border-top: 1px solid #f7f8fc;
	border-right: 1px solid #fff;
	background-color: #f7f8fc;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	color: #888890;
}
.atten-box a {
	display: block;
}
.ad-box .add-button {
	background-color: transparent;	
	color: #fff;
	border: none;
}
.atten-box em {
	position: absolute;
	width: 120px;
	left: 0;
	bottom: -1px;
	height: 1px;
	background-color: #f2f3f8;
}
.atten-box .atten-sel {
	background-color: #fff;
	border-left: 1px solid #f2f3f8;
	border-top: 1px solid #f2f3f8;
	border-right: 1px solid #f2f3f8;
	/*border-bottom: 1px solid #fff;*/
}
.atten-sel em {
	background-color: #fff;
}
.comp-age {
	padding-left: 90px;
}
.comp-age span {
	float: left;
	line-height: 20px;
}
.comp-age ul {
	float: left;
	width: 120px;
	margin-left: 15px;
}
.comp-age li {
	line-height: 20px;
	margin-bottom: 7px;
}
.com-sbtn, .bonus-sbtn {
	width: 200px;
	height: 50px;
	margin: 58px auto 0;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	background-color: #4a4868;
	cursor: pointer; 
}
.ad-box .com-sbtnb {
	display: block;
	width: 200px;
	height: 50px;
	margin: 58px auto 0;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	background-color: #4a4868;
	border: none;
	cursor: pointer; 
}
#setCompany {
	margin-bottom: 12px;
	width: 197px;
	padding-left: 3px;
}
.annual-bonus {
	padding-bottom: 18px;
}
.annual-bonus span {
	float: left;
	width: 112px;
	line-height: 24px;
}
.bonus-con {
	float: left;
	width: 475px;
	margin-bottom: -14px;
	line-height: 24px;
}
.bonus-con em {
	margin-right: 10px;
	line-height: 24px;
}
.bonus-con input {
	width: 197px;
	padding-left: 3px;
}
.bonus-con p {
	float: left;
	color: #a9a9ad;
	font-size: 12px;
	padding-left: 37px;
	width: 100%;
	box-sizing:border-box;
}
.bonus-con .test-check {
	padding-top: 4.4px
}
.bo-con {
	float: left;
	width: 475px;
	margin-bottom: 8px;
}
.comp-delbox {
	padding: 16px 0 20px;
}
.com-adr input {
	padding-left: 3px;
}
.com-addinfo {
	display: none;
	position: absolute;
	bottom: -22px;
	left: 50%;
	width: 140px;
	line-height: 20px;
	font-size: 12px;
	color: #ff2830;
	margin-left: -70px;
}
.com-adr .comm-add {
	margin-top: -20px;
}
.bonus-con i, .comp-set i {
	display: none;
	color: #ff2830;
	margin-left: 5px;
	line-height: 24px;
	font-size: 12px;
}
.rech-s {
	margin-top: 89px;
}
.rech-studio, .re-year {
	width: 650px;
	padding-left: 85px;
}
.re-year {
	width: 300px;
	padding-top: 28px;
}
.rech-studio ul {
	border-bottom: 1px solid #c8c7d4;
}
.rech-studio li {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.re-studio b {
	text-align: left;
	line-height: 22px;
}
.re-studio {
	float: left;
	width: 33%;
}
.re-studio {
	text-align: center;
	line-height: 22px;
}
.re-year b {
	float: left;
	line-height: 22px;
	margin-right: 39px;
}
.re-year em {
	float: left;
	line-height: 22px;
	margin-right: 10px;
}
.rey-con {
	float: left;
	width: 140px;
}
.reduce-year, .plus-year {
	float: left;
	width: 14px;
	height: 14px;
	border-radius: 3px;
	border: 1px solid #4180ff;
	text-align: center;
	line-height: 14px;
	margin-top: 3px;
}
.reduce-year {
	background: url("../images/reduce-year.png") no-repeat;
	background-size: 100%;
}
.reduce-year:hover {
	background: url("../images/reduce-year1.png") no-repeat;
	background-size: 100%;
}
.plus-year {
	background: url("../images/plus-year.png") no-repeat;
	background-size: 100%;
}
.plus-year:hover {
	background: url("../images/plus-year1.png") no-repeat;
	background-size: 100%;
}
.rech-year {
	float: left;
	width: 50px;
	padding-left: 3px;
	margin: 0 14px;
}
.rey-box {
	float: left;
	width: 140px;
}
.rey-con .ra-btn {
	margin: 3.5px 14px 0 0;
}
.ra-checked span {
	display: block;
}
/* 意向学员详情 */
.inte-b {
	padding-left: 48px;
}
.course-b {
	padding: 0 0 20px 48px;
}
.visit-box {
	padding-bottom: 23px;
	margin-bottom: 29px;
	border-bottom: 1px solid #e8e8e8;
}
.visit {
	padding: 0 48px;
}
.visit-box em {
	margin-right: 71px;
}
.visit-box div {
	margin-bottom: 10px;
}
.visit-box p {
	line-height: 22px;
}
.inte-b .camera {
	margin: 27px 60px 0 0;
}
.inte-list {
	float: left;
	width: 522px;
}
.inte-list li {
	float: left;
	width: 45%;
	padding-right: 5%;
	line-height: 22px;
	margin-bottom: 17px; 
}
.inte-list li span {
	color: #808080;
}
.inte-list .int-a {
	width: 100%;
}
.relevant {
	width: 930px;
	margin-bottom: 10px;
}
.relevant div {
	float: left;
	width: 30%;
	padding-right: 3%;
	height: 22px;
	line-height: 22px;
}
.relevant span {
	color: #808080;
	line-height: 22px;
}
.relevant em {
	line-height: 22px;
}
.camera-b {
	position: relative;
	float: left;
	width: 150px;
	height: 150px;
	background-color: #f2f3f8;
}
.inte-b .camera-b {
	margin: 27px 120px 0 0;
}
.cos-add span {
	float: left;
}
.stati-box {
	padding-left: 37px;
}
.statis {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.stati-tit {
	float: left;
	width: 80px;
	line-height: 22px;
}
.fina-name {
 	width: 175px;
}
.fina-clnum {
	width: 212.5px;
}
.fina-money {
	width: 160px;
}
.fina-money {
	width: 225.5px;
}
.stati-box .list-box, .stati-box .single-box {
	width: 205px;
}
.stati-box .multiselect-box {
	width: 207px;
}
.stati-box .dropdown-menu li, .stati-box .single-dropdown li {
	min-width: 193px;
}
.stati-box .multiselect-down li {
	min-width: 175px;
}
.fina-cost .multiselect-box, .stati-box .multiselect-box, .stati-box .list-box, .stati-box .single-box {
	height: 22px;
}
.fina-cost .mul-downbtn, .stati-box .mul-downbtn {
	height: 22px;
}
.fina-cost .multiselect-box {
	width: 197px;
}
.fina-cost .multiselect-box .mul-downbtn input {
	width: 155px;
}
.fina-cost .multiselect-down li {
	min-width: 155px;
}
.stati-box .list-box .downbtn, .stati-box .single-downbtn {
	height: 20px;
}
.fina-cost .mul-downbtn em, .stati-box .mul-downbtn em, .stati-box .downbtn em, .stati-box .single-downbtn em {
	height: 20px;
	width: 20px;
}
.fina-cost .mul-downbtn input, .stati-box .mul-downbtn input, .stati-box .downbtn span, .stati-box .single-downbtn span {
	line-height: 20px;
	height: 20px;
}
.fina-cost .multiselect-down, .stati-box .multiselect-down {
	top: 21px;
}
.stati-box .dropdown-menu, .stati-box .single-dropdown {
	top: 22px;
}
.fina-stacon {
	display: none;
}
.sel-stacon {
	display: block;
}
.stati-box input {
	width: 202px;
	padding-left: 3px;
}
.stati-box .mul-downbtn input {
	width: 180px;
}
.stati-box .single-dropdown {
	min-width: 110px;
}
.wages-time {
	width: 146.5px;
}
.wages-name {
	width: 91px;
}
.wages-pos {
	width: 134px;
}
.wages-wg {
	width: 112.5px;
}
.wages-com {
	width: 141px;
}
.wages-bonus {
	width: 141px;
}
.i-search {
	position: absolute;
	right: 0px;
	top: 30px;
	border: 1px solid #edf0f5;
	width: 207px;
}
.i-search em {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 19px;
	height: 19px;
	background: url("../images/magnifier.png") no-repeat;
	background-size: 100% 100%;
}
.i-search input {
	padding-left: 25px;
	width: 182px;
	height: 24px;
	border: none;
	font-size: 12px;
}
.wages-list {
	position: relative;
}
.fi-assets li {
	float: left;
	width: 42%;
	padding-right: 8%;
	margin-bottom: 10px;
}
.fi-asbox {
	padding-left: 82.5px;
}
.finance-box {
	float: left;
	width: 930px;
	padding: 40px 30px 40px;
	margin-bottom: 28px;
	background-color: #fff;
}
.finance-box h3 {
	position: relative;
	width: 100%;
	height: 36px;
	margin-bottom: 30px;
	border-bottom: 1px solid #545883;
}
.finance-box h3 i {
	float: left;
	text-indent: 20px;
	line-height: 36px;
	font-size: 16px;
}
.fi-assets {
	float: left;
}
.fi-asbox {
	float: left;
}
.finance-box .fi-nob {
	margin-bottom: 0px;
}
.fi-not {
	border-top: none;
}
.fi-assets span {
	color: #808080;
}
.fi-assets em {
	color: #232233;
}
.ad-box .re-studio .test-check {
	margin: 0 10px 0 0;
}
.re-z {
	width: 500px;
}
.re-z span, .re-z em, .re-z b {
	float: left;
	line-height: 22px;
	margin-right: 0;
	color: #808086;
}
.re-z b {
	margin-right: 5px; 
}
.re-b {
	width: 500px;
}
.re-b span {
	line-height: 22px;
	color: #909096;
	font-size: 12px;
}
/* 全局数据 */
.com-statistics {
	float: left;
	width: 100%;
	background-color: #fff;
}
.com-statistics div {
	float: left;
	width: 25%;
	height: 117.5px;
	padding-top: 32.5px;
	text-align: center;
	-webkit-box-shadow:inset -1px 1px 0 #e6e6e6;  
  	-moz-box-shadow:inset -1px 1px 0 #e6e6e6;  
  	box-shadow:inset -1px 1px 0 #e6e6e6;
}
.com-statistics h4 {
	line-height: 48px;
	font-size: 36px;
}
.com-statistics span {
	line-height: 48px;
	font-size: 18px;
}
.com-statbox {
	margin: -1px -1px 0 0;
}
.com-statcon {
	overflow: hidden;
	margin-bottom: 32px;
}
.com-schedule {
	background-color: #fff;
	padding-bottom: 56px;
}
.com-schedule h3 {
	padding: 34px 0 23px 69.5px;
	line-height: 48px;
	font-size: 16px;
}
.pro-scbox {
	position: relative;
	margin-bottom: 64px;
}
.pro-scbox strong, .pro-scbox span, .pro-scbox em, .pro-scbox b {
	float: left;
	line-height: 20px;
}
.pro-schedule {
	padding-left: 105px;
}
.pro-scbox strong {
	margin-right: 21px;
}
.pro-scbox span {
	font-size: 12px;
	margin-left: 19px;
}
/*.pro-scbox em {
	margin-right: 17px;
}*/
.sch-data {
	float: left;
	width: 70px;
}
.pro-bar {
	float: left;
	background-color: #f2f3f8;
	width: 590px;
	height: 20px;
	border-radius: 20px 20px 20px 20px;
	overflow: hidden;
}
/* 进度条颜色 */
.pro-bar div {
	position: relative;
	width: 40%;
	height: 20px;
	background: url("../images/progress-bar-r.jpg") no-repeat 0 0;
	background-size: auto 100%;
}
.passed .pro-bar div {
	background: url("../images/progress-bar-y.jpg") no-repeat 0 0;
	background-size: auto 100%;
}
.fulfilled .pro-bar div {
	background: url("../images/progress-bar-g.jpg") no-repeat 0 0;
	background-size: auto 100%;
}
.pro-bar b {
	position: absolute;
	top: 0;
	right: -50px;
	width: 42px;
	line-height: 20px;
	font-size: 12px;
}
.fulfilled b {
	position: absolute;
	left: 50%;
	margin-left: -25px;
}
.xdata-box {
	padding: 23px 0 100px 0px;
	background-color: #fff;
}
.xdata-box h3, .pdata-box h3 {
	position: relative;
	padding-left: 70px;
	line-height: 67px;
	font-size: 16px;
}
.xdata-box ul {
	height: 60px;
	padding: 5px 0 10px 70px;
}
.xdata-box li {
	float: left;
	width: 140px;
	text-align: center;
}
.xdata-box span {
	display: block;
	line-height: 30px;
	font-size: 18px;
}
.xdata-box em {
	display: block;
	line-height: 20px;
	font-size: 12px;
}
.pdata-box h3 span {
	line-height: 67px;
	font-size: 16px;
}
.pda-tit {
	position: absolute;
	right: 20px;
	bottom: 20px;
	border-top: 1px solid #f7f8fc;
	border-left: 1px solid #f7f8fc;
	border-bottom: 1px solid #f7f8fc;
}
.pda-tit em {
	float: left;
	width: 80px;
	line-height: 30px;
	text-align: center;
	border-right: 1px solid #f7f8fc;
	color: #888890;
	background-color: #f7f8fc;
	font-size: 12px;
	cursor: pointer;
	margin-right: 1px;
}
.pda-tit .pda-sel {
	background-color: #fff;
}
#courseCo, #teaData, #coursConsumption, #coStucon, #markRanking, #saleCon, #commLimit, #commPro, #finaData { 
	width: 1000px;
	height: 620px;
}
.pdata-box {
	margin-top: 30px;
	background-color: #fff;
	padding: 30px;
}
#counsType, #dataSex, #dataAge, #conAbility, #classRoom, #consuType, #courseType, #coType, #chaStuPro, #stuAgePro, #transPro, #noTransPro, #infoPro, #intenPro, #incomeData, #expendiData, #reSex, #rePos {
	float: left;
	width: 470px;
	height: 470px;
	margin-bottom: 40px;
}
.cours-gbtn {
	position: absolute;
	right: 0;
	bottom: 14px;
}
.cours-gbtn .downbtn {
	background-color: #fff;
}
.cours-gbtn span {
	line-height: 24px;
}
.date-lbox {
	float: right;
	padding-top: 6px;
}
#courseCon {
	display: none;
}
.com-adcon li span {
	float: left;
	line-height: 22px;
	margin-right: 5px;
}
.com-adcon li em {
	line-height: 22px;
}
.com-adcon li .dropdown-menu {
	top: 22px;
}
.com-adcon li .dropdown-menu li {
	margin-bottom: 0;
}
.com-adcon li .downbtn {
	height: 20px;
}
.com-adcon li .downbtn span {
	line-height: 20px;
}
.com-adcon li .list-box {
	height: 22px;
}
.com-adcon li .list-box em {
	width: 20px;
	height: 20px;
}
.date-lbox b {
	float: left;
	margin: 0 10px;
	line-height: 22px;
}
#fixed_cost_studio_ids {
	display: none;
}
.in-pro {
	padding: 50px 20px 0 95px;
	background-color: #fff;
}
.in-pro span, .in-pro em {
	float: left;
}
.in-pro em {
	margin: 0 18px 0 0;
}
.in-pro span {
	margin: 0 0 0 18px;
}
.stati-box .date-ibox {
	float: left;
}

#finance_income_category, #finance_expense_category,#income_studio_ids, #expense_studio_ids {
	display: none;
}
.comp-list {
	position: relative;
	width: 400px;
	border-radius: 10px 10px 10px 10px;
	background-color: #fff;
	margin: 150px auto 0;
	box-shadow: 0 0 36.5px rgba(49, 48, 83, .1);
}
.comp-list h2 {
	height: 61px;
	border-radius: 10px 10px 0px 0px;
	background-color: #fff;
	text-align: center;
	background-color: #4a4769;
	line-height: 61px;
	color: #fff;
	font-size: 16px;
}
.comp-con ul {
	padding: 12px 23px 29px;
}
.comp-con li {
	line-height: 45px;
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
}
.comp-confirm {
	position: absolute;
	left: 50%;
	bottom: -80px;
	margin-left: -125px;
	width: 250px;
	height: 40px;
	text-align: center;
	background-color: #ff5a60;
	-webkit-box-shadow: 3px 3px 10px rgba(255, 90, 96, .3);  
  	-moz-box-shadow: 3px 3px 10px rgba(255, 90, 96, .3);  
    box-shadow: 3px 3px 10px rgba(255, 90, 96, .3);
    border: none;
}
.comp-confirm a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
}
.addcom-con {
	padding: 31px 27.5px 40px;
}
.addcom-con .ad-inp {
	float: left;
	outline: none;
	width: 338px;
	height: 30px;
	margin-bottom: 16px;
	line-height: 30px;
	padding-left: 5px;
	border: 1px solid #b8b9ca;
}
.add-cancel, .add-next {
	width: 165px;
	height: 38px;
	border: 1px solid #4a4868;
	background-color: #fff;
	text-align: center;
	line-height: 38px;
	color: #4a4868;
}
.addcom-con a:hover {
	background-color: #4a4868;
	color: #fff;
}
.add-cancel {
	float: left;
}
.add-next {
	float: right;
}
.add-comp {
	margin: 40px auto 0;
	width: 543px;
	height: 225px;
	padding-top: 260px;
	background: url("../images/add-comimg.png") no-repeat;
	background-size: 100% auto;
}
.add-company {
	margin: 0 auto;
}
.fd-payment {
	float: none;
	margin: 0 auto;
}
.ad-pname {
	float: left;
	margin-right: 18px;
	padding-left: 5px;
}
.fd-payment .rey-con em {
	line-height: 22px;
	margin-left: 18px;
}
.fd-payment .rey-con {
	width: 160px;
}
.fd-payment .rech-studio ul {
	border-bottom: none;
}
.ad-pcon {
	padding-bottom: 20px;
	border-bottom: 1px solid #c8c7d4;
}
.btn-sc {
	float: left;
	width: 70px;
	height: 22px;
	border-radius: 4px;
	line-height: 22px;
	text-align: center;
	background-color: #4a4769;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	margin-left: 75px;
}
.payment {
	margin: 140px auto 0;
	padding-top: 260.5px;
	width: 292px;
	background: url("../images/payment-success.png") no-repeat;
	background-size: 100% auto;
}
.payment h3 {
	line-height: 75px;
	font-size: 30px;
	color: #4a4769;
	text-align: center;
	font-weight: 900;
	margin-bottom: 10px;
}
.payment a {
	display: block;
	width: 250px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	background-color: #ff5a60;
	-webkit-box-shadow: 3px 3px 10px rgba(255, 90, 96, .3);  
  	-moz-box-shadow: 3px 3px 10px rgba(255, 90, 96, .3);  
    box-shadow: 3px 3px 10px rgba(255, 90, 96, .3);
    border: none;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}
.re-copyright {
	position: fixed;
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 20px;
}
.re-copyright div {
	margin: 0 auto;
	color: #cecece;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}
.fina-cost .single-downbtn {
	height: 20px;
	line-height: 20px;
}
.fina-cost .single-downbtn em {
	width: 20px;
	height: 20px;
}
.fina-cost .single-downbtn span {
	line-height: 20px;
}
.mask-marc span {
	float: left;
	line-height: 22px;
}
.mask-marc .single-box {
	width: 195px;
}
.mask-marc .single-downbtn span {
	max-width: 164px;
}
.fina-cost .single-dropdown {
	top: 22px;
}
#incomeDetail, #payDetail {
	display: none;
}
